<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
<h1>
    JavaScript 的输出
</h1>
<h3> Debug利器 </h3>
<ol>
  <li>alert( "输出的内容" )</li>
  <li>console.log( "输出的内容" ) <b> 在控制台输出</b>
    <ol>
      <li> log( "输出的内容" ):  打印日志</li>
      <li> info( "输出的内容" ): 打印信息</li>
      <li> wran( "输出的内容" ): 输出警告</li>
      <li> 这里列出的只是几个常用的，还有很多很多……</li>
    </ol>
  </li>
  <li>document.write( "输出的内容" )</li>
</ol>

<script>
 

  //Debug利器 ——  输出 alert, console, documnet.write
  alert( "这儿是输出的文本" );

  console.log( "打印日志" );
  console.warn( "输出警告" );
  console.info( "输出提示信息" );
  console.log( "……" );


  document.write( "这儿是<b>document.write()</b>输出的文本" );
  
  /* onload = function( ){
       document.write( "这儿是输出的文本" );  
       // 如果在文档加载完成再利用 document.write 进行输出的话，则会覆盖之前加载的所有文档内容
     }
  */

  




</script>
</body>
</html>